<?php
/*
* Template Name: agent
*/
?>

		<div class="cate-banner">
			<img src="<?php bloginfo("template_url"); ?>/images/blog-banner.png" />
			<div class="row">
				<h1>Agents</h1>
				<p>Home - Agents</p>
			</div><!---end .row-->
			<div class="clear"></div>
		</div><!--end .cate-banner-->
		<div id="container" class="no-home-bg">
			<div class="row">
			<div class="content">
				<div id="cate-page" class="list-layout">
					<div class="cate-before">
						<div class="sort-by">
							<label>Sort by:</label>
							<select>
								<option>Sort by date</option>
								<option>Sort by price ASC</option>
								<option>Sort by price DESC</option>
							</select>
						</div><!--end .sort-by-->
						<div class="clear"></div>
					</div><!--end .cate-before-->
					<ul class="pro-list">
						<li>
							<div class="list-img">
								<a href="#" class="view">View</a>
								<a href="#">
									<img class="pro-img" src="<?php bloginfo('template_url'); ?>/images/img/agent.png" alt="" title="" />
								</a>
							</div>
							<p class="pro-list-title">
								<a href="#" title="">ANDREW MCCARTHY</a>
							</p>
							<p class="pro-list-add">Los Angeles County, CA, USA</p>
							<p class="pro-list-desc">Since our inception in 1998 we uis a est quis nunc bibendum consequat. Cras ornare sodales venenatis. Proin id rhoncus massa. Pellentesque quis orci non lacus tincidunt scelerisque. Integer bibendum commodo urn id suscipit sapien porta in. In sollicitudin dui nec quam semper luctus.</p>
							<p class="pro-list-phone">Phone: <span> 0123 456 789</span></p>
							<p class="pro-list-email">Email: <span><a href="mailto:info@zonthemes.com">info@zonthemes.com</a></span></p>
							<div class="clear"></div>
						</li>
						<div class="clear"></div>
					</ul>
					<script src="<?php bloginfo('template_url'); ?>/js/grid-view1.js" type="text/javascript"></script>
					<div class="cate-after">
						<div class="p-navi">
							<ul>
								<li class="prev"><a href="#">Prev</a></li>
								<li><a href="#">1</a></li>
								<li class="current"><a href="#">2</a></li>
								<li><a href="#">3</a></li>
								<li><a href="#">4</a></li>
								<li><a href="#">. . .</a></li>
								<li><a href="#">10</a></li>
								<li class="next"><a href="#">Next</a></li>
							</ul>
						</div><!--end .p-navi-->
						<div class="clear"></div>
					</div><!--end .cate-after-->
				</div>
			</div><!--end #content-->
			<div class="clear"></div>
			</div><!--end .row-->
		</div><!--end #container-->